<style>
.g-list-box{
	padding-top: 28upx;
}
.m-item{
	width: 706upx;
	height: 191upx;
	display: block;
	margin: 0 auto;
}
.m-item image{
	width: 100%;
	height: 100%;
}
</style>

<template>
	<view>
		<view class="g-list-box">
			<navigator open-type="navigate" :url="item.url" class="m-item" v-for="(item,index) in data" :key="index"><image :src="item.thumb"></image></navigator>
			<view class="m-b-loading" v-if="showLoading">
				<image src="../../static/images/loading2.gif" mode="widthFix"></image>
				<text>加载中</text>
			</view>
			<view class="m-no-data" v-if="showNodata">
				<image src="../../static/images/no_data.png" mode="widthFix"></image>
			</view>
		</view>
	</view>
</template>
<script>
    import henglang from '@/common/common.js';
	
	export default {
		data() {
			return {
                showLoading: false,
                showNodata: false,
                data: []
			};
		},
        methods: {
        },
        onReady() {
			let that = this;
			that.showLoading = true;
            henglang.get('app/getIndex',{},false,function(res){
            	that.showLoading = false;
				that.data = res.data.data.ad.square
            });
        }
	}
</script>

